﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Shop.Master" AutoEventWireup="true"
    CodeBehind="VisualizarProduto.aspx.cs" Inherits="ShopNet.VisualizarProduto" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="Styles/jquery.fancybox.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
    <script src="Scripts/jquery.easing-1.3.pack.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        function MostrarGaleria() {
            $('#hlImagem').trigger('click');
            return false;
        }
        $(document).ready(function () {
            $("a[rel=imagens]").fancybox({
                'transitionIn': 'none',
                'transitionOut': 'none',
                'titlePosition': 'over',
                'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            });
            $(".error").prevUntil("div").addClass("form-txt-error");
        });


    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="main" runat="server">
<div id="content_top"></div>
<div id="content_middle">
    <h3><asp:Label ID="lNomeProduto" runat="server" Text=""></asp:Label>&nbsp;</h3>

    <div class='product_box margin_r20'>
            	
        <asp:HyperLink ID="hlImagem" ClientIDMode="Static" runat="server" NavigateUrl="~/Imagem/produtos/noproduct.jpg" rel="imagens" ToolTip="Navegue entre os produtos ou use o botão de Scroll">
            <asp:Image ID="iImagem" runat="server" ImageUrl="~/Imagem/produtos/noproduct.jpg" CssClass="imageView" Width="220"  /></asp:HyperLink>
        <a href="#" onclick="return MostrarGaleria();" >visualizar Galeria</a>            
        <asp:Repeater ID="rImagens" runat="server">
            <ItemTemplate>
            <a href='<%#RetornarImageUrl(Eval("Nome").ToString()) %>' rel="imagens" title="Navegue entre os produtos ou use o botão de Scroll" style="display:none;"><img src='<%#RetornarImageUrl(Eval("Nome").ToString()) %>'  alt="imagem" />   </a>
            </ItemTemplate>
        </asp:Repeater>
                            
        <p class="price">
            <span>
                <asp:Literal ID="lQtdeCadaPacote" runat="server"></asp:Literal> por:
                <asp:Label ID="lSimbolo" runat="server" Text="R$"></asp:Label> 
                <asp:Label ID="lPrecoPacote" runat="server"></asp:Label>
                R$<asp:Literal ID="lPrecoDesconto" runat="server"></asp:Literal>
                
            </span>
        </p>
    
    
    <asp:LinkButton ID="lbAddChart" runat="server" CssClass="addtocard" Text="Comprar" OnClick="AddChartClick" > </asp:LinkButton>
    <span class="product_box_unavaible_color" ><asp:Literal ID="lIndisponivel" runat="server" Text="produto Indisponível" Visible="false"></asp:Literal></span> 
    <div class="cleaner"></div>
    
    </div>

    <p><asp:Label ID="lDescricao" runat="server" CssClass="descricao-produto"></asp:Label></p>
    <p>&nbsp;</p>
    <p><b>Características:</b></p>
    <p><b>Peso:</b> <asp:Literal ID='lPeso' runat="server"></asp:Literal> Kg</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><asp:HyperLink ID="hlProdCategoria" ClientIDMode="Static" runat="server" Visible="false">Produtos similares</asp:HyperLink></p>
    <div class="cleaner"></div>
</div>
<div id="content_bottom"></div>

<div class="content_top"></div>
<div class="content_middle">
<h3>Entre em contato</h3>
    
    <fieldset>
        <legend>Deixe suas dúvidas e sugestões sobre este produto</legend>
        <div class="grid-6-12">
        <p><label class="info-label">Nome:<em class="product_box_unavaible_color">*</em></label></p>
        <p><asp:TextBox ID="tbNome" runat="server" MaxLength="250" CssClass="input_field"></asp:TextBox></p>
        </div>
        <div class="grid-6-12">
        <p><label class="info-label">Email:<em class="product_box_unavaible_color">*</em></label></p>
        <p><asp:TextBox ID="tbEmail" runat="server" MaxLength="250" CssClass="input_field"></asp:TextBox></p>
        </div>
        <div class="grid-6-12">
        <p><label class="info-label">Telefone:</label></p>
        <p><asp:TextBox ID="tbTelefone" runat="server" MaxLength="250" CssClass="input_field"></asp:TextBox></p>
        </div>
        <div class="grid-6-12">
        <p><label class="info-label">Tipo:<em class="product_box_unavaible_color">*</em></label></p>
        <p>
            <asp:DropDownList ID="ddlTipo" runat="server" CssClass="select_field">
                <asp:ListItem Value="0">Selecione</asp:ListItem>
                <asp:ListItem >Orçamento</asp:ListItem>
                <asp:ListItem >Dúvida</asp:ListItem>
                <asp:ListItem >Sugestão</asp:ListItem>
                <asp:ListItem >Prazo de Entrega</asp:ListItem>
                <asp:ListItem >Outros</asp:ListItem>
                <asp:ListItem >Reclamação</asp:ListItem>
            </asp:DropDownList>
        </p>
        </div>
        <div class="grid-12-12">
        <p><label class="form-lbl">Mensagem:<em class="product_box_unavaible_color">*</em></label></p>
        <p><asp:TextBox ID="tbMensagem" runat="server" MaxLength="500" CssClass="textbox_field" TextMode="MultiLine" Rows="2" ></asp:TextBox></p>
        </div>
        <p>&nbsp;</p>
        <div class="grid-12-12">
        <p><asp:Button ID="bContinuar" runat="server" Text="Enviar" CssClass="submit_btn" OnClick="bEnviar_Click" /></p>
        </div>
    </fieldset>
    
</div>
<div class="content_bottom"></div>    
    
</asp:Content>
